<template>

     <ul class="vv">
        <li>
             <div class="nn"><img :src="imgUrl"></div> 
        <p>{{title}}</p>
       
        </li>
       
        
    </ul>
    
   
</template>

<script>
    export default {
        props:["title","imgUrl"]
        
    }
</script>

<style lang="scss" scoped>

    
         ul{
            width: 30%;
            margin-left: 10px;
    
        display: flex;
        flex-wrap: wrap;
        li{
          
            width: 100%;
            flex-grow: 1;
            margin: 8px;
            p{
                text-align: center;
                font-size: 4vw;
                color: #000;
            }
          
            img{
                width: 40%;
            }
        }

    }
    
</style>